<template>
    <div class="box refund-box">
        <div class="gray-box"></div>
        <div class="main-box">
            <p>退款原因</p>
            <div>
                <van-cell-group>
                    <van-field
                            v-model="message"
                            rows="2"
                            :autosize="{minHeight: 120}"
                            type="textarea"
                            maxlength="500"
                            placeholder="请输入留言"
                            show-word-limit
                    />
                </van-cell-group>
            </div>
        </div>
        <div class="prompt pa-l-r-20">注：提交退款后，后台审核完毕将会为你退款。</div>
        <button>提交</button>
    </div>
</template>

<script>
    export default {
        name: "index",
        data(){
            return{
                message:'',//原因
            }
        }
    }
</script>

<style lang="scss" scoped>
    @import "@/assets/css/public";
    .box{
        background-color: $gray_bg;
    }
    .main-box{
        padding: vw(38) vw(20);
        background-color: #fff;
        p{
            margin-bottom: vw(15);
        }

    }
    .prompt {
        margin: vw(10) auto vw(30);
        font-size: vw(20);
        color: #999;
    }
    button{
        display: block;
        width:vw(710);
        height:vw(80);
        margin: 0 auto;
        background:$orgGradientBg;
        border-radius:vw(40);
        color: #fff;
        font-size: vw(32);
    }
</style>